@deepBlue: #0975E1;
@lightBlue: #e8f1fe;
.selectCard {
  width: 360px;
  height: 100px;
  padding: 10px;
  border: 1px solid #DCDDE1;
  border-radius:3px;
  margin: 0 auto 24px;
  cursor: pointer;
  &:hover {
    .icon {
      background: @deepBlue;
      :global {
        .iconfont {
          color: @lightBlue;
        }
      }
    }
  }
  .icon {
    width: 80px;
    height: 80px;
    background: @lightBlue;
    float: left;
    text-align: center;
    transition: .1s;
    :global {
      .iconfont {
        font-size: 30px;
        line-height: 80px;
        color: @deepBlue;
        transition: .1s;
      }
    }
  }
  .textBox {
    margin-left: 96px;
    .title{
      font-size:14px;
      font-weight:bold;
      color:rgba(51,51,51,1);
      line-height:24px;
      margin-top: 15px;
      .titleDesc {
        font-size: 12px;
        color:rgba(181,181,181,1);
        font-weight: normal;
      }
    }
    .desc{
      font-size: 12px;
      color:rgba(181,181,181,1);
      line-height:24px;
      margin-top: 2px;
    }
  }
}
